<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<title> ImSocial   </title>
<%= stylesheet_link_tag "style" %>
<link rel="shortcut icon" href="/images/favicon.ico" />
<%= javascript_include_tag :defaults%>
</head>
<body>
<%= fb_connect_javascript_tag %>
<%= init_fb_connect "XFBML"%>

</body>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : Distillate  
Description: A two-column, fixed-width design with dark color scheme.
Version    : 1.0
Released   : 20100427

--><% if logged_in? %>
<% if (current_user.login == "admin")%>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="javascripts/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="javascripts/jquery.gallerax-0.2.js"></script>
</head>
<body>
	<div id="header-wrapper">
		<div id="header">
			<div id="logo">
				<h1><a href="#">IMSOCIAL </a></h1>
				<p> Salgamos esta noche, veamos que hay en ImSocial
				
			</a></p>
			</div>
		</div>
	</div>
	<div id="page">
		<div id="page-bgtop">
			<div id="page-bgbtm">
				<div id="content">
					<div>
						<div id="gallery">
							<div id="gallery-background"><img src="<?php bloginfo('template_url'); ?>/images/img06.png" alt="" width="600" height="340" class="output" /></div>
							<h1>  Proximos Eventos</h1>
							<div id="gallery-bgthumb">
								<ul class="thumbnails">
									<li><img src="images/ei_autodromo_20100302.jpg" title="Tercera Fecha Campeonato Mobil 1; Autodromo Pedro Cofiño." alt="" width="300" height="250" /></li>
									<li><img src="images/ei_hanoch_20100519.jpg" title="Hanoch Rosenn ; Mundo E." alt="" width="300" height="250" /></li>
									<li><img src="images/ei_luchalibre_20100511.jpg" title="Consejo Mundial de Lucha ; Polideportivo Z.13" alt="" width="100" height="75" /></li>
									<li><img src="images/ei_elconsorcio_20100514.jpg" title="El Consorcio; Hotel Westin Camino Real." alt="" width="300" height="250" /></li>
								</ul>
								<br class="clear" />
							</div>
						</div>
						<script type="text/javascript">

						$('#gallery').gallerax({
							outputSelector: 		'.output',					// Output selector
							thumbnailsSelector:		'.thumbnails li img',		// Thumbnails selector
							fade: 					'fast',						// Transition speed (fast)
							navNextSelector:		'.nav li a.navNext',		// 'Next' selector
							navPreviousSelector:	'.nav li a.navPrevious'		// 'Previous' selector
						});

					</script>
						<!-- end -->
					</div>
					<div class="post">
						<h2 class="title">Welcome to Imsocial</h2>
						
						<div style="clear: both;">&nbsp;</div>
						<div class="entry">
							<p>Este es  <strong>Imsocial, </strong> un lugar donde puedes encotrar a donde ir para divertirte, Vas a actuar en alguna obra?, publicalo. 
							Fuiste a algun concierto? Comenta tu experiencia.</p>
						
							
						</div>
					</div>
					
				</div>
				<!-- end #content -->
				<div id="sidebar">
					<ul>
						<li>
							<div id="search" >
								<form method="get" action="#">
									<div>
										<input type="text" name="s" id="search-text" value="" />
										<input type="submit" id="search-submit" value="GO" />
									</div>
								</form>
							</div>
							<div style="clear: both;">&nbsp;</div>
						</li>
						<li>
							
							<P>	
								<%= fb_connect_javascript_tag %>
								<%= init_fb_connect "XFBML"%>
								<%=yield%>
								
							</p>	
						</li>
						<li>
							
							<ul>
								<li><a <td><%= link_to 'Eventos', events_path %></td></li>
								<li><a <td><%= link_to 'Cerca de mi', event_path %></td></li>
								<li><a <td><%= link_to 'Tags', tags_path %></td></li>
								<li><a href="#">Suspendisse iaculis mauris</a></li>
								<li><a href="#">Urnanet non molestie semper</a></li>
								<li><a href="#">Proin gravida orci porttitor</a></li>
							</ul>
						</li>
						<li>
							<h2>Categorias</h2>
							
							
							<ul>
						<% contador = 0 %>
						<% Tag.find(:all).each do |tag| %>
							<%if contador < 5 %>
								<li><%=h tag.tag %></li>
								<%contador = contador + 1%>
							<%end%>
						<%end%>	
							</ul>
						</li>
						<li>
						
						</li>
					</ul>
				</div>
				<!-- end #sidebar -->
				<div style="clear: both;">&nbsp;</div>
			</div>
		</div>
	</div>
	<!-- end #page -->
<div id="footer">
	<p>Copyright (c) 2008 Imsocial.com. All rights reserved.</p>
</div>
<!-- end #footer -->
</body>
</html>


<%else%>


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="javascripts/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="javascripts/jquery.gallerax-0.2.js"></script>
</head>
<body>
	<div id="header-wrapper">
		<div id="header">
			<div id="logo">
				<h1><a href="#">IMSOCIAL </a></h1>
				<p> Salgamos esta noche, veamos que hay en ImSocial
				
			</a></p>
			</div>
		</div>
	</div>
	<div id="page">
		<div id="page-bgtop">
			<div id="page-bgbtm">
				<div id="content">
					<div>
						<div id="gallery">
							<div id="gallery-background"><img src="<?php bloginfo('template_url'); ?>/images/img06.png" alt="" width="600" height="340" class="output" /></div>
							<h1>  Proximos Eventos</h1>
							<div id="gallery-bgthumb">
								<ul class="thumbnails">
									<li><img src="images/ei_autodromo_20100302.jpg" title="Tercera Fecha Campeonato Mobil 1; Autodromo Pedro Cofiño." alt="" width="300" height="250" /></li>
									<li><img src="images/ei_hanoch_20100519.jpg" title="Hanoch Rosenn ; Mundo E." alt="" width="300" height="250" /></li>
									<li><img src="images/ei_luchalibre_20100511.jpg" title="Consejo Mundial de Lucha ; Polideportivo Z.13" alt="" width="100" height="75" /></li>
									<li><img src="images/ei_elconsorcio_20100514.jpg" title="El Consorcio; Hotel Westin Camino Real." alt="" width="300" height="250" /></li>
								</ul>
								<br class="clear" />
							</div>
						</div>
						<script type="text/javascript">

						$('#gallery').gallerax({
							outputSelector: 		'.output',					// Output selector
							thumbnailsSelector:		'.thumbnails li img',		// Thumbnails selector
							fade: 					'fast',						// Transition speed (fast)
							navNextSelector:		'.nav li a.navNext',		// 'Next' selector
							navPreviousSelector:	'.nav li a.navPrevious'		// 'Previous' selector
						});

					</script>
						<!-- end -->
					</div>
					<div class="post">
						<h2 class="title">Welcome to Imsocial</h2>
						
						<div style="clear: both;">&nbsp;</div>
						<div class="entry">
							<p>Este es  <strong>Imsocial, </strong> un lugar donde puedes encotrar a donde ir para divertirte, Vas a actuar en alguna obra?, publicalo. 
							Fuiste a algun concierto? Comenta tu experiencia.</p>
						
							
						</div>
					</div>
					
				</div>
				<!-- end #content -->
				<div id="sidebar">
					<ul>
						<li>
							<div id="search" >
								<form method="get" action="#">
									<div>
										<input type="text" name="s" id="search-text" value="" />
										<input type="submit" id="search-submit" value="GO" />
									</div>
								</form>
							</div>
							<div style="clear: both;">&nbsp;</div>
						</li>
						<li>
							
							<P>	
								<%= fb_connect_javascript_tag %>
								<%= init_fb_connect "XFBML"%>
								<%=yield%>
								
							</p>	
						</li>
						<li>
							
							<ul>
								<li><a <td><%= link_to 'Eventos', events_path %></td></li>
								<li><a <td><%= link_to 'Cerca de mi', locations_path %></td></li>
								<li><a href="#">Metus aliquam pellentesque</a></li>
								<li><a href="#">Suspendisse iaculis mauris</a></li>
								<li><a href="#">Urnanet non molestie semper</a></li>
								<li><a href="#">Proin gravida orci porttitor</a></li>
							</ul>
						</li>
						<li>
							<h2>Categories</h2>
							<ul>
								<% contador = 0 %>
						<% Tag.find(:all).each do |tag| %>
							<%if contador < 5 %>
								<li><%=h tag.tag %></li>
								<%contador = contador + 1%>
							<%end%>
						<%end%>	
							</ul>
						</li>
						<li>
						
						</li>
					</ul>
				</div>
				<!-- end #sidebar -->
				<div style="clear: both;">&nbsp;</div>
			</div>
		</div>
	</div>
	<!-- end #page -->
<div id="footer">
	<p>Copyright (c) 2008 Imsocial.com. All rights reserved.</p>
</div>
<!-- end #footer -->
</body>
</html>
<%end%>
<%else%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="javascripts/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="javascripts/jquery.gallerax-0.2.js"></script>
</head>
<body>
	<div id="header-wrapper">
		<div id="header">
			<div id="logo">
				<h1><a href="#">IMSOCIAL </a></h1>
				<p> Salgamos esta noche, veamos que hay en ImSocial
				
			</a></p>
			</div>
		</div>
	</div>
	<div id="page">
		<div id="page-bgtop">
			<div id="page-bgbtm">
				<div id="content">
					<div>
						<div id="gallery">
							<div id="gallery-background"><img src="<?php bloginfo('template_url'); ?>/images/img06.png" alt="" width="600" height="340" class="output" /></div>
							<h1>  Proximos Eventos</h1>
							<div id="gallery-bgthumb">
								<ul class="thumbnails">
									<li><img src="images/ei_autodromo_20100302.jpg" title="Tercera Fecha Campeonato Mobil 1; Autodromo Pedro Cofiño." alt="" width="300" height="250" /></li>
									<li><img src="images/ei_hanoch_20100519.jpg" title="Hanoch Rosenn ; Mundo E." alt="" width="300" height="250" /></li>
									<li><img src="images/ei_luchalibre_20100511.jpg" title="Consejo Mundial de Lucha ; Polideportivo Z.13" alt="" width="100" height="75" /></li>
									<li><img src="images/ei_elconsorcio_20100514.jpg" title="El Consorcio; Hotel Westin Camino Real." alt="" width="300" height="250" /></li>
								</ul>
								<br class="clear" />
							</div>
						</div>
						<script type="text/javascript">

						$('#gallery').gallerax({
							outputSelector: 		'.output',					// Output selector
							thumbnailsSelector:		'.thumbnails li img',		// Thumbnails selector
							fade: 					'fast',						// Transition speed (fast)
							navNextSelector:		'.nav li a.navNext',		// 'Next' selector
							navPreviousSelector:	'.nav li a.navPrevious'		// 'Previous' selector
						});

					</script>
						<!-- end -->
					</div>
					<div class="post">
						<h2 class="title">Welcome to Imsocial</h2>
						
						<div style="clear: both;">&nbsp;</div>
						<div class="entry">
							<p>Este es  <strong>Imsocial, </strong> un lugar donde puedes encotrar a donde ir para divertirte, Vas a actuar en alguna obra?, publicalo. 
							Fuiste a algun concierto? Comenta tu experiencia.</p>
						
							
						</div>
					</div>
					
				</div>
				<!-- end #content -->
				<div id="sidebar">
					<ul>
						<li>
							<div id="search" >
								<form method="get" action="#">
									<div>
										<input type="text" name="s" id="search-text" value="" />
										<input type="submit" id="search-submit" value="GO" />
									</div>
								</form>
							</div>
							<div style="clear: both;">&nbsp;</div>
						</li>
						<li>
							
							<P>	
								<%= fb_connect_javascript_tag %>
								<%= init_fb_connect "XFBML"%>
								<%=yield%>
								
							</p>	
						</li>
						<li>
							
							<ul>
								<li><a <td><%= link_to 'Eventos', events_path %></td></li>
								<li><a <td><%= link_to 'Cerca de mi', locations_path %></td></li>
								<li><a href="#">Metus aliquam pellentesque</a></li>
								<li><a href="#">Suspendisse iaculis mauris</a></li>
								<li><a href="#">Urnanet non molestie semper</a></li>
								<li><a href="#">Proin gravida orci porttitor</a></li>
							</ul>
						</li>
						<li>
							<h2>Categories</h2>
							<ul>
							<% contador = 0 %>
						<% Tag.find(:all).each do |tag| %>
							<%if contador < 5 %>
								<li><%=h tag.tag %></li>
								<%contador = contador + 1%>
							<%end%>
						<%end%>	
							</ul>
						</li>
						<li>
						
						</li>
					</ul>
				</div>
				<!-- end #sidebar -->
				<div style="clear: both;">&nbsp;</div>
			</div>
		</div>
	</div>
	<!-- end #page -->
<div id="footer">
	<p>Copyright (c) 2008 Imsocial.com. All rights reserved.</p>
</div>
<!-- end #footer -->
</body>
</html>


<%end%>